<template>
	<div>
		<el-row :gutter="24">
			<el-col :span="1" style="margin-right:10px;">
				<p class="queryLabel">统计月份:</p>
			</el-col>
			<el-col :span='4'>
				<el-date-picker v-model="oneMonth" size="small" style="width:100%;margin-left:5px;" type="month" @change="oneQuery" clearable placeholder="">
				</el-date-picker>
			</el-col>
		</el-row>
		<el-row>
			<el-table :data="tableOneData.dataList" border  show-summary>
				<el-table-column label="在外面保养的原因">
					<el-table-column label="流失原因" prop=""></el-table-column>
					<el-table-column label="其他4S店" prop=""></el-table-column>
					<el-table-column label="润华快修连锁" prop=""></el-table-column>
					<el-table-column label="其他社会修理厂" prop=""></el-table-column>
					<el-table-column label="其他" prop=""></el-table-column>
					<el-table-column label="合计" prop=""></el-table-column>
				</el-table-column>
			</el-table>
		</el-row>
		<el-row :gutter="24">
			<el-col :span="1" style="margin-right:10px;">
				<p class="queryLabel">统计月份:</p>
			</el-col>
			<el-col :span='4'>
				<el-date-picker v-model="twoMonth" size="small" style="width:100%;margin-left:5px;" @change="twoQuery" type="month" clearable placeholder="">
				</el-date-picker>
			</el-col>
		</el-row>
		<el-row>
			<el-table :data="tableTwoData.dataList" border show-summary>
				<el-table-column label="流失客户未进站原因分析">
					<el-table-column label="整体回访情况">
						<el-table-column label="未进站原因" prop="" width="120px"></el-table-column>
					</el-table-column>
					<el-table-column label="未回访成功">
						<el-table-column label="电话错误停机或空号" prop="" width="160px"></el-table-column>
						<el-table-column label="人员不清" prop="" width="90px"></el-table-column>
						<el-table-column label="未接通" prop="" width="80px"></el-table-column>
						<el-table-column label="客户拒访" prop="" width="90px"></el-table-column>
					</el-table-column>
					<el-table-column label="回访成功">
						<el-table-column label="还有意向的客户" width="120px">
							<el-table-column label="里程未到但近期会到店" prop="" width="170px"></el-table-column>
							<el-table-column label="最近太忙没时间进店" prop="" width="160px"></el-table-column>
							<el-table-column label="已预约好近期到店" prop="" width="150px"></el-table-column>
						</el-table-column>
						<el-table-column label="没有进站意向的客户">
							<el-table-column label="未保养">
								<el-table-column label="车辆转让或报废" prop="" width="140px"></el-table-column>
								<el-table-column label="人在外地没时间保养" prop="" width="150px"></el-table-column>
								<el-table-column label="过路车" prop="" width="80px"></el-table-column>
								<el-table-column label="车很少用" prop="" width="90px"></el-table-column>
								<el-table-column label="非车主本人接听电话" prop="" width="150px"></el-table-column>
						    </el-table-column>
						    <el-table-column label="已保养">
						    	<el-table-column label="其他4S店" prop="" width="100px"></el-table-column>
						    	<el-table-column label="润华快修连锁" prop="" width="110px"></el-table-column>
						    	<el-table-column label="其他社会修理厂" prop="" width="120px"></el-table-column>
						    	<el-table-column label="其他" prop="" width="80px"></el-table-column>
						    </el-table-column>
						</el-table-column>
					</el-table-column>
					<el-table-column label="合计" prop="" width="80px">
					</el-table-column>
				</el-table-column>
			</el-table>
		</el-row>
		
	</div>
</template>

<script>
	export default{
		data: function(){
			return {
				//第一个表查询月份
				oneMonth:'',
				//第二个表查询月份
				twoMonth:'',
				//第一个表数据
				tableOneData:{
					total:0,
					dataList:[]
				},
				//第二个表数据
				tableTwoData:{
					total:0,
					dataList:[]
				},
			}
		},
		methods:{
			//第一个表格查询
			oneQuery:function(){
				
			},
			//第二个表格查询
			twoQuery:function(){
				
			},
		},
	}
</script>

<style>

</style>